<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统</title>
	</head>
	<body>
		<!-- 表单组件---action:提交的链接地址
						method:get/post
						页面请求的两种方式
							1.get请求：会自动将页面表单中的参数拼接到url后面
							2.post请求：隐藏这些参数
		-->
		<div class="container">
		<form action="studentController" method="get">
			<h1>学生信息管理系统</h1>
			<!-- 引入外部样式表文件 
			rel--指定文件类型 stylesheet--CSS文件
			href--CSS目录
			习惯：CSS目录
			-->
			<link rel="stylesheet" href="CSS/bootstrap.min.css" />
			<div class="form-group">
				<label>姓名:</label>
				<!-- 文本输入框,起名和其他组件区别,name和id都设置 
				autocomplete--输入提示 on，打开提示 off 关闭提示
				placeholder--信息提示，不会录入，未输入时显示
				-->
				<input 
					type="text"
					class="form-control"
					autocomplete="off"
					placeholder="请输入姓名"
					name="name" id="name"
				/>
			</div>
			<div class="form-group">
				<label>年龄:</label>
				<!-- 数字输入框 -->
				<input
					type="number" 
					class="form-control"
					placeholder="请输入年龄"
					name="age" id="age"
				/>
			</div>
			<div class="form-group">
				<label>性别:</label>
				<!-- 单选框 两个单选框命名相同,则自动归为一组,一组内只能选择一个
				单选框修饰 和汉字不换行，radio-inline  inline--在同一行
				-->
				<label class="radio-inline">
					<input type="radio" name="sex" id="sex" value="男" /> 男
				</label>
				<label class="radio-inline">
				<input type="radio" name="sex" id="sex" value="女" /> 女
				</label>
				<label class="radio-inline">
				<input type="radio" name="sex" id="sex" value="其他" /> 其他
				</label>
			</div>
			<div class="form-group">
				<label>爱好:</label>
				<!-- 复选框 名字相同,自动归为一组,后台接收是一个数组 打勾就传递 不选不传-->
				<label class="checkbox-inline">
				<input type="checkbox" name="hobby" id="hobby" value="唱" /> 唱
				</label>
				<label class="checkbox-inline">
				<input type="checkbox" name="hobby" id="hobby" value="跳" /> 跳
				</label>
				<label class="checkbox-inline">
				<input type="checkbox" name="hobby" id="hobby" value="rap" /> rap
				</label>
				<label class="checkbox-inline">
				<input type="checkbox" name="hobby" id="hobby" value="篮球" /> 篮球
				</label>
			</div>
			<div  class="form-group">
				<label>学历:</label>
				<!-- 下拉框 展示的内容和传递的内容 选中中文,本质数字
				 0- --- 1-小学 2-初中 3-高中 4-大专 5-本科 6-硕士研究生 7-博士研究生
				 -->
				<select name="edu" class="form-control" id="edu">
					<option value="0">---</option>
					<option value="1">小学</option>
					<option value="2">初中</option>
					<option value="3">高中</option>
					<option value="4">大专</option>
					<option value="5">本科</option>
					<option value="6">硕士研究生</option>
					<option value="7">博士研究生</option>
				</select>
			</div>
			<div>
				<!-- 按钮 两种形式:早期\H5
					普通按钮---button
					提交按钮---submit:自动提到from.action指定url链接 studentC
				-->
				<!-- 早期 -->
				<input class="btn btn-success" type="submit" name="save" id="save" value="保存" />
				<!-- H5规范 -->
				<button class="btn btn-danger" type="button" name="btnClear" id="btnClear">取消</button>
			</div>
		</form>
		</div>
	</body>
</html>
